<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>继承性</title>
		<style>
			body {
				color: red;
				/* font-size: 20px; */
				font: 20px/1.5 "楷体";
			}
			/* 继承的好处，可以减少我们代码的书写量，降低css代码的复杂性 */
			/* 继承时需要注意：
				子元素只能继承父元素的文本类的样式
				text-    font-    line-     color
			 */
			
			/* 在一个网页中，字体大小最小的值时12px */
			/* 当我们在父元素中写font: 20px/1.5 "楷体"; 
			 意味着子元素进行行高继承的时候，就是子元素字体大小的1.5倍
			 当我们设置的字体小于12px大小的时候，那么字体就是12px*/
			div {
				font-size: 30px;
			}
		</style>
	</head>
	<body>
		<div>慕课网</div>
		<p>程序员的梦工厂</p>
	</body>
</html>